<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:general="http://java.sun.com/jsf/composite/general"
      template="/templates/template.xhtml">
      <ui:define name="main" >	
		
		<h:form id="formFiltroUsuarios" >
			
		<h:panelGroup >
			
				
			<h:outputLabel value="#{i18n.usuarios_filtro_usuario}"/>
			
			<h:inputText value="#{usuarioBean.filtroUsuarioDto.usuario}"/>
			
			<h:outputLabel value="#{i18n.usuarios_filtro_estado}"/>
			
			<h:selectOneMenu class="datavalue" id="estado" value="#{usuarioBean.filtroUsuarioDto.estado}">
				<f:selectItems value="#{datosMaestrosBean.sEstadosGenericos}"/>
			
			</h:selectOneMenu>
			
		</h:panelGroup>
		<br/>
		
		<h:panelGroup >
			
				
			<h:outputLabel value="#{i18n.usuarios_filtro_nombre}"/>
			
			<h:inputText value="#{usuarioBean.filtroUsuarioDto.nombre}"/>
			<h:outputLabel class="datafield" value="#{i18n.usuarios_filtro_apellido1}" />
			<h:inputText class="datavalue" value="#{usuarioBean.filtroUsuarioDto.apellido1}"/>
			<h:outputLabel class="datafield" value="#{i18n.usuarios_filtro_apellido2}"/>
			<h:inputText class="datavalue" value="#{usuarioBean.filtroUsuarioDto.apellido2}"/>
			
		</h:panelGroup>
		<br/>
		<h:panelGroup >
				<h:outputLabel class="datafield" value="#{i18n.usuarios_filtro_tipo_usuario}" />
				<h:selectOneRadio id="radioTipoUsuario" value="#{usuarioBean.filtroUsuarioDto.tipoUsuario}">
					<f:selectItem itemLabel="#{i18n.usuarios_filtro_tipo_usuario_cliente}" itemValue="#{datosMaestrosBean.tipoUsuarioCliente}" >
					
					</f:selectItem>
					<f:selectItem itemLabel="#{i18n.usuarios_filtro_tipo_usuario_proveedor}" itemValue="#{datosMaestrosBean.tipoUsuarioProveedor}"></f:selectItem>
					<f:ajax render="roleId"  execute="@this" event="change" listener="#{usuarioBean.getTipoRolesPorTipoUsuario}"></f:ajax>
				</h:selectOneRadio>

				<h:outputLabel class="datafield" value="#{i18n.usuarios_filtro_role}" />
					<h:selectOneMenu id="roleId" value="#{usuarioBean.filtroUsuarioDto.role}">
						<f:selectItem itemLabel="--Seleccione--" itemValue=""/>	
			
							<f:selectItems value="#{usuarioBean.tipoRolesPorTipoUsuario}" 
								var="tipoRole"
								itemValue="#{tipoRole.codigo}"
                                itemLabel="#{tipoRole.valor}"/>	
						</h:selectOneMenu>
		</h:panelGroup>
		<hr style=""/>
		<h:panelGroup styleClass="rigth">
			<h:commandButton action="#{usuarioController.buscarUsuarios}" value="#{i18n.usuarios_filtro_boton_buscar}">
				<f:ajax render="tablaUsuarios textMessage"  execute="@form"></f:ajax>
			</h:commandButton>
			<h:commandButton action="#{usuarioController.limpiarUsuarios}" value="#{i18n.usuarios_filtro_boton_limpiar}">
				<f:ajax render="formFiltroUsuarios tablaUsuarios textMessage"  execute="@form"></f:ajax>
			</h:commandButton>
		</h:panelGroup>	
			
		<h:messages id="textMessage" styleClass="message" errorClass="error"></h:messages>
			
			<h:dataTable id="tablaUsuarios" var="usuario" value="#{usuarioBean.usuarios}" styleClass="tabledata"
			headerClass="headertable" >
				<h:column >
					<f:facet name="header"> #{i18n.usuarios_table_nombreApell}</f:facet>#{usuario.nombreApellidos}
				</h:column>
				<h:column >
					<f:facet name="header"> #{i18n.usuarios_table_role}</f:facet>#{usuario.role}
				</h:column>
				<h:column >
					<f:facet name="header"> #{i18n.usuarios_table_asignacion}</f:facet>#{usuario.asignacion}
				</h:column>
				<h:column >
					
					<h:commandLink action="#{usuarioController.prepararModUsuario}" >
						<f:param name="usuarioId" value="#{usuario.id}"> </f:param>
						<h:graphicImage url="/resources/images/iconos/ico-edit.png" styleClass="icono"> </h:graphicImage>
						
					</h:commandLink>
				</h:column>
				<h:column >
					
					<h:commandLink action="#{usuarioController.borrarUsuario}" >
						<f:param name="usuarioId" value="#{usuario.id}"> </f:param>
						<h:graphicImage url="/resources/images/iconos/ico-delete.png" styleClass="icono"> </h:graphicImage>
												
					</h:commandLink>
				</h:column>
			</h:dataTable>
			

		</h:form>

</ui:define>
</ui:composition>